
<template>
	<div style="width: 100%;height: 6.6666rem;overflow: hidden;margin-top: 1.1rem;">
		<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
		  <van-swipe-item class="swiper-slide" v-for="(i,index) in imgage" :key='index'><img :src="i" alt=""></van-swipe-item>
		</van-swipe>
	</div>
</template>

<script>
	export default {
		name: 'swiperHome',
		data() {
			return {
				imgage:[
					'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1970069427,2493946636&fm=224&gp=0.jpg',
					"https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3416997766,1114582159&fm=26&gp=0.jpg",
					"//d302.paixin.com/thumbs/6462898/151229366/staff_1024.jpg"
				]
			}
		}
	}
</script>
<style src='@/assets/swiper.css'></style>
<style scoped="scoped">
	.my-swipe {
	    width: 100%;
	    height: 6.6666rem;
		overflow: hidden;
	}
	.swiper-slide{
		width: 100%;
		height:100%;
		overflow: hidden;
		text-align: center;
	}
	.swiper-slide img{
		width: 100%;
		height: 100%;
	}
	
</style>
